<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>各色DNA检测套餐</title>
		
		
		<!--  ❤  Logo   ❤ -->
		<link rel="shortcut icon" href="favicon.ico" />
		<link rel="bookmark" href="favicon.ico" />
		
		<!--  ❤  Css   ❤ -->
		<link rel="stylesheet" href="css/Global.css">
		<link rel="stylesheet" href="css/floor.css">
		<link rel="stylesheet" href="css/menu.css">
		<link rel="stylesheet" href="css/nav.css" />
		<link rel="stylesheet" href="css/base.css" />
		<link rel="stylesheet" href="css/style.css" />
		<link rel="stylesheet" href="css/slide.css">
		<link rel="stylesheet" href="css/To.css"/>
		<link rel="stylesheet" href="css/Gen.css"/>
		<link rel="stylesheet" href="css/Gen2.css">
		
		
		<!--  ❤  Js   ❤ -->
		<script src="js/jquery-1.9.1.min.js"></script>
		<script src="js/slide.js" type="text/javascript" charset="utf-8"></script>
		<script src="js/dropdown.js" type="text/javascript" charset="utf-8"></script>
		
		
		
	</head>
	
	<body>
		
		
		<!-- ❤ 顶栏  ❤-->
		<div id="Frame">
		
			<ul class="floor">
				<div class="logo">
					<a href="index.html"><img src="img/logo.png"></a>
				</div>
				<li><a href="index.html"><span>在线商城</span></a></li>
				<li><a href="R1.html"><span>坚果&nbsp;Pro2S</span></a></li>
				<li><a href="R1.html"><span>坚果&nbsp;R1</span></a></li>
				<li><a href="R1.html"><span>坚果&nbsp;TNT&nbsp;工作站</span></a></li>
				<li><a href="#"><span>Smartisan&nbsp;OS</span></a></li>
				<li><a href="#"><span>欢喜云</span></a></li>
				<li><a href="#"><span>应用</span></a></li>
				<li><a href="#"><span>论坛</span></a></li>
				<li><a href="#"><span>荣誉与奖项</span></a></li>
				<li><a href="#"><span>资讯</span></a></li>
				<div class="user">
					<a href="login.html">
						<img src="img/user.png">
					</a>
				</div>
				<div class="cart">
					<a href="R1.html">
						<img src="img/cart.png">
					</a>
				</div>
			</ul>
		
		</div>
		
		
		
		<!-- ❤ 导航栏  ❤-->
		<div class="pho">
			<nav class="sum">
				<ul class="content clearfix">
					<li><a href="index.html">首页</a></li>
					<li class="dropdown">
						<a href="R1.html">手机</a>
						<ul class="sub-menu">
							<li>
								<a href="R1.html">
									<img src="img/R1.png" alt="坚果R1" title="坚果R1" width="300px">
								</a>
							</li>
							<li>
								<a href="R1.html">
									<img src="img/坚果3.png" alt="坚果3" title="坚果3" width="300px">
								</a>
							</li>
							<li>
								<a href="R1.html">
									<img src="img/pro2S.png" alt="坚果pro2S" title="坚果Pro2S" width="300px">
								</a>
							</li>
						</ul>
					</li>
					<li class="dropdown">
						<a href="#">"足迹"系列</a>
						<ul class="sub-menu" id="zu">
							<li>
								<a href="#"><img src="img/足迹.png" title="足迹系列" width="800px"></a>
							</li>
						</ul>
					</li>
					<li class="dropdown">
						<a href="#">官方配件</a>
						<ul class="sub-menu" id="tool">
							<li>
								<a href="#"><img src="img/tool.png" width="900px"></a>
							</li>
						</ul>
					</li>
					<li><a href="#">服饰箱包</a></li>
					<li class="dropdown">
						<a href="#">服务</a>
						<ul class="sub-menu" id="survice">
							<br>
							<li><a href="DJ.html">服务政策</a></li><br>
							<li><a href=//shang.qq.com/wpa/qunwpa?idkey=1877c4561e626708d549854ec10b3a5eb16d0886535bb32a415d3e28549c78a2>在线客服</a></li><br>
							<li><a href=//shang.qq.com/wpa/qunwpa?idkey=1877c4561e626708d549854ec10b3a5eb16d0886535bb32a415d3e28549c78a2>发起售后</a></li><br>
						</ul>
					</li>
				</ul>
			</nav>
		</div>
		
		
		<!-- ❤ 分栏  ❤-->
		
		<div class="there">
		<a href="#" class="a11">功能</a>
		<a href="#" class="a12">使用</a>
		<a href="#" class="a13">时效</a>
		<a href="#" class="a14">体验亿下</a>
		<a href="#" class="a15">技术规格</a>
		</div>
		
		
		
		<!-- ❤ 商品  ❤-->
		<div class="shop">
			<a href="#" >
				<img src="img/9bffe702b1f0aea221b1f18ddf886958.webp" class="genImg1" id="bbb">
			</a>
		</div>
		
		<!-- ❤ 右侧属性  ❤-->
		<div class="right1">
			<h1>各色DNA检测套餐</h3>
			<h2 class="pr">￥499.00</h2>
			<p class="mini">千万级基因位点数据解读</p>
			<hr class="hr1">
			
		<div class="but">
			<font class="fa">颜色选择</font>
			<button type="button" class="but3" onclick="changeImg3();"></button><font class="faa"></font>
		</div>	
			
		<div class="Pl">
		<ul class="btn-numbox">
			<font class="fa2">数量选择</font>
			<li class="dd">
				<ul class="count">
					<li><span id="num-jian" class="num-jian">-</span></li>
					<li><input type="text" class="input-num" id="input-num" value="1" /></li>
					<li><span id="num-jia" class="num-jia" onclick="plus1">+</span></li>
					<li><span class="kucun">（库存:54）</span></li>
				</ul>
			</li>
			
			</ul>
		
		</div>
		
		
		<hr class="hr2">
		
		<div class="mini2">服务说明: &nbsp;&nbsp;&nbsp;*满 99 元包邮<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;*拆封后不支持 7 日无理由退货</div>
		
		
		</div>
		
		
		
		
		<!-- ❤ 详细信息栏  ❤-->
		
		<div class="mes">
			<h2 class="jishu">产品信息</h2>
			<hr class="hr3">
			<img src="img/c004de83e495a8cc6e9e1fa7827523a2.webp" >
			<img src="img/c004de83e495a8cc6e9e1fa7827523a2%20(1).webp">
			<img src="img/c004de83e495a8cc6e9e1fa7827523a2%20(2).webp" >
		</div>
		
		
		
		
		
		
		
		
		<!-- ❤ 底测信息栏  ❤-->
		
		<div class="buttom">
			<div class="fo1">
				您已选择了 
			</div>
			<div class="fo2">
				各色DNA检测套装 × 1
			</div>
			
			
			 <p class="DNAColor">	蓝色</p>
			 
			 <div class="DNAColor2" id="price1">
			¥ 499.00
			 </div>
			 <a href="#"> <button type="button" class="but10">立即购买</button></a>
			<a href="#"> <button type="button" class="but11">加入购物车</button></a>
		</div>
		
		
		
		
		
	</body>
	
	
	<script>
		var num_jia = document.getElementById("num-jia");
		var num_jian = document.getElementById("num-jian");
		var input_num = document.getElementById("input-num");
	
		num_jia.onclick = function() {
	
			input_num.value = parseInt(input_num.value) + 1;
		}
	
		num_jian.onclick = function() {
	
			if(input_num.value <= 1) {
				input_num.value = 1;
			} else {
	
				input_num.value = parseInt(input_num.value) - 1;
			}
	
		}	
		</script>		
</html>

